<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:pt="http://xmlns.jcp.org/jsf/passthrough" xmlns:p="http://primefaces.org/ui" xmlns:ui="http://java.sun.com/jsf/facelets"
	template="../resources/facelets/page-template.xhtml">

	<ui:define name="body">

		<!--notification start-->
		<section class="panel"> <header class="panel-heading"> Notification <span class="tools pull-right"> <a href="javascript:;"
			class="fa fa-chevron-down"></a> <a href="javascript:;" class="fa fa-cog"></a> <a href="javascript:;" class="fa fa-times"></a>
		</span> </header>
		<div class="panel-body">
			<div class="alert alert-info clearfix">
				<span class="alert-icon"><i class="fa fa-envelope-o"></i></span>
				<div class="notification-info">
					<ul class="clearfix notification-meta">
						<li class="pull-left notification-sender"><span><a href="http://bucketadmin.themebucket.net/#">Jonathan Smith</a></span> send you a mail</li>
						<li class="pull-right notification-time">1 min ago</li>
					</ul>
					<p>Urgent meeting for next proposal</p>
				</div>
			</div>
			<div class="alert alert-danger">
				<span class="alert-icon"><i class="fa fa-facebook"></i></span>
				<div class="notification-info">
					<ul class="clearfix notification-meta">
						<li class="pull-left notification-sender"><span><a href="http://bucketadmin.themebucket.net/#">Jonathan Smith</a></span> mentioned you in a post</li>
						<li class="pull-right notification-time">7 Hours Ago</li>
					</ul>
					<p>Very cool photo jack</p>
				</div>
			</div>
			<div class="alert alert-success ">
				<span class="alert-icon"><i class="fa fa-comments-o"></i></span>
				<div class="notification-info">
					<ul class="clearfix notification-meta">
						<li class="pull-left notification-sender">You have 5 message unread</li>
						<li class="pull-right notification-time">1 min ago</li>
					</ul>
					<p>
						<a href="http://bucketadmin.themebucket.net/#">Anjelina Mewlo, Jack Flip</a> and <a href="http://bucketadmin.themebucket.net/#">3 others</a>
					</p>
				</div>
			</div>
			<div class="alert alert-warning ">
				<span class="alert-icon"><i class="fa fa-bell-o"></i></span>
				<div class="notification-info">
					<ul class="clearfix notification-meta">
						<li class="pull-left notification-sender">Domain Renew Deadline 7 days ahead</li>
						<li class="pull-right notification-time">5 Days Ago</li>
					</ul>
					<p>Next 5 July Thursday is the last day</p>
				</div>
			</div>
		</div>
		</section>
		<!--notification end-->
	</ui:define>
</ui:composition>

